<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>拼团</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="css/sm.css">
    <link rel="stylesheet" type="text/css" href="css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="css/themes.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_i3ztchhrqjx7p66r.css">
</head>

<body>
    <div class="page-group">
        <div class="page">
            <!--搜索栏内容 !-->
            <header class="bar bar-header-secondary">
                <div class="searchbar">
                    <a href="selectArea.html">
                        <div class="searchbar-address">厦门市&nbsp;&nbsp;<span class="icon icon-down"></span></div>
                    </a>
                    <div class="search-input">
                        <label class="icon icon-search" for="search"></label>
                        <input type="search" id='search' placeholder='请输入商品名称' />
                    </div>
                </div>
            </header>
            <!--内容部分 !-->
            <div class="content group-content">
                <!--tab栏 !-->
                <div class="buttons-tab fixed-tab" data-offset="44">
                    <a href="#joinGroup-tab" class="tab-link active button">参团</a>
                    <a href="#openGroup-tab" class="tab-link button">开团</a>
                </div>
                <!--信息列表页!-->
                <div class="tabs">
                    <div id="joinGroup-tab" class="tab active">
                        <div class="card demo-card-header-pic">
                            <div valign="bottom" class="card-header color-white no-border no-padding">
                                <img src="images/group-1-1080x447.png">
                                <div>
                                    <p>距结束时间</p>
                                    <p><span>12&nbsp;</span>时<span>12&nbsp;</span>分</p>
                                </div>
                               
                            </div>
                            <div class="card-content">
                                <div class="card-content-inner">
                                    <p>[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</p>
                                </div>
                            </div>
                            <div class="card-footer" id="purchase-card-footer">
                                <a href="#" class="link">单价购买价格 ￥ <span>288</span></a>
                                <a href="#" class="link">参与<span>134</span>人
                                </a>
                            </div>
                            <a href="joinGroup.html">
                                <div class="card-footer no-border" id="join-card-footer">
                                    <div>
                                        <h6>团购</h6>
                                        <p>最低团购价：￥ 98</p>
                                        <div>
                                            <p>立即参团</p>
                                            <span class="icon icon-right"></span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="card demo-card-header-pic">
                            <div valign="bottom" class="card-header color-white no-border no-padding">
                                <!-- <img src="images/group-1-1080x447.png"> -->
                                <div>
                                    <p>距结束时间</p>
                                    <p><span>12&nbsp;</span>时<span>12&nbsp;</span>分</p>
                                </div>
                            </div>
                            <div class="card-content">
                                <div class="card-content-inner">
                                    <p>[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</p>
                                </div>
                            </div>
                            <div class="card-footer" id="purchase-card-footer">
                                <a href="#" class="link">单价购买价格 ￥ <span>288</span></a>
                                <a href="#" class="link"><span>134</span>人
                                </a>
                            </div>
                            <a href="#">
                                <div class="card-footer no-border" id="join-card-footer">
                                    <div>
                                        <h6>团购</h6>
                                        <p>最低团购价：￥ 98</p>
                                        <div>
                                            <p>立即参团</p>
                                            <a href=""><span class="icon icon-right"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="card demo-card-header-pic">
                            <div valign="bottom" class="card-header color-white no-border no-padding">
                                <!-- <img src="images/group-1-1080x447.png"> -->
                                <div>
                                    <p>距结束时间</p>
                                    <p><span>12&nbsp;</span>时<span>12&nbsp;</span>分</p>
                                </div>
                            </div>
                            <div class="card-content">
                                <div class="card-content-inner">
                                    <p>[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</p>
                                </div>
                            </div>
                            <div class="card-footer" id="purchase-card-footer">
                                <a href="#" class="link">单价购买价格 ￥ <span>288</span></a>
                                <a href="#" class="link">参加<span>134</span>人
                                </a>
                            </div>
                            <div class="card-footer no-border" id="join-card-footer">
                                <div>
                                    <h6>团购</h6>
                                    <p>最低团购价：￥ 98</p>
                                    <div>
                                        <p>立即参团</p>
                                        <a href=""><span class="icon icon-right"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="openGroup-tab" class="tab">
                        <div class="card demo-card-header-pic">
                            <div valign="bottom" class="card-header color-white no-border no-padding">
                                <!-- <img src="images/group-1-1080x447.png"> -->
                                <div>
                                    <p>开团时间</p>
                                    <p><span>5&nbsp;</span>天<span>00&nbsp;</span>时</p>
                                </div>
                            </div>
                            <div class="card-content">
                                <div class="card-content-inner">
                                    <p>[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</p>
                                </div>
                            </div>
                            <div class="card-footer" id="purchase-card-footer">
                                <a href="#" class="link">单价购买价格 ￥ <span>288</span></a>
                                <a href="#" class="link">参加<span>134</span>人
                                </a>
                            </div>
                            <div class="card-footer no-border" id="join-card-footer">
                                <div>
                                    <h6>团购</h6>
                                    <p>五人团购价：￥178</p>
                                    <div>
                                        <p>立即开团</p>
                                        <a href=""><span class="icon icon-right"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card demo-card-header-pic">
                            <div valign="bottom" class="card-header color-white no-border no-padding">
                                <!-- <img src="images/group-1-1080x447.png"> -->
                                <div>
                                    <p>开团时间</p>
                                    <p><span>5&nbsp;&nbsp;</span>天<span>00&nbsp;&nbsp;</span>时</p>
                                </div>
                            </div>
                            <div class="card-content">
                                <div class="card-content-inner">
                                    <p>[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</p>
                                </div>
                            </div>
                            <div class="card-footer" id="purchase-card-footer">
                                <a href="#" class="link">单价购买价格 ￥ <span>288</span></a>
                                <a href="#" class="link">参加<span>134</span>人
                                </a>
                            </div>
                            <div class="card-footer no-border" id="join-card-footer">
                                <div>
                                    <h6>团购</h6>
                                    <p>五人团购价：￥178</p>
                                    <div>
                                        <p>立即开团</p>
                                        <a href=""><span class="icon icon-right"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card demo-card-header-pic">
                            <div valign="bottom" class="card-header color-white no-border no-padding">
                                <!-- <img src="images/group-1-1080x447.png"> -->
                                <div>
                                    <p>开团时间</p>
                                    <p><span>5&nbsp;&nbsp;</span>天<span>00&nbsp;&nbsp;</span>时</p>
                                </div>
                            </div>
                            <div class="card-content">
                                <div class="card-content-inner">
                                    <p>[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</p>
                                </div>
                            </div>
                            <div class="card-footer" id="purchase-card-footer">
                                <a href="#" class="link">单价购买价格 ￥ <span>288</span></a>
                                <a href="#" class="link">参加<span>134</span>人
                                </a>
                            </div>
                            <div class="card-footer no-border" id="join-card-footer">
                                <div>
                                    <h6>团购</h6>
                                    <p>五人团购价：￥178</p>
                                    <div>
                                        <p>立即开团</p>
                                        <a href=""><span class="icon icon-right"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--工具栏!-->
            <nav class="bar bar-tab" id="tool-bar">
                <a href="homeActivity.html">
                    <div class="love">
                        <div class="icon iconfont icon-icontianjiaanniu"></div>
                    </div>
                </a>
                <a class="tab-item external" href="index.html">
                    <span class="icon icon-home"></span>
                    <span class="tab-label">首页</span>
                </a>
                <a class="tab-item external" href="classBranch.html">
                    <span class="icon iconfont icon-publicwf"></span>
                    <span class="tab-label">捐助</span>
                </a>
                <a class=" tab-item love-external " href="homeActivity.html" id="loveBtn">
                    <span class="icon "></span>
                    <span class="tab-label">爱心+</span>
                </a>
                <a class="tab-item external active" href="#">
                    <span class="icon iconfont icon-pintu"></span>
                    <span class="tab-label">拼团</span>
                </a>
                <a class="tab-item external " href="person.html">
                    <span class="icon icon-me"></span>
                    <span class="tab-label">个人中心</span>
                </a>
            </nav>
        </div>
    </div>
    <script type='text/javascript' src='js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm-extend.js' charset='utf-8'></script>
    <script type="text/javascript" src="js/fightGroups.js"></script>
</body>

</html>
